$green: #1abc9c;
$red: #ff7373;
.resetpassword {
  width:100%;
  height:100%;
  .contentbox {
		width:100%;
		background-color: #f7f7f7;
		padding: 30px 0;
		.innerbox {
			padding: 150px 0 200px 0;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			.title {
				font-size: 20px;
				color:#666;
				margin-bottom: 30px;
			}
			.stepbox {
				.stepbox_t {
					.circle {
						width: 60px;
						height: 60px;
						border-radius: 30px;
						background-color: #fff;
						border: solid 1px #ddd;
						font-size: 30px;
						color: #ccc;
						text-align: center;
						line-height: 60px;
					}
					.circlecolor {
						background-color: $green;
						border: solid 1px #069c7e;
						color:#fff;
					}
					.line {
						width: 48px;
						height: 3px;
						background-color: #ddd;
					}
					.linecolor {
						background-color: $green;
					}
				}
				.stepbox_b {
					margin: 25px 0;
					font-size: 18px;
					color:#999;
					padding-right: 20px;
					.textcolor {
						color: $green;
					}
				}
			}
			.usernamebox {
				margin-top: 20px;
				.usernamebox_l {
					text-align: right;
					font-size: 20px;
					color: #666;
					margin-right: 10px;
					line-height: 50px;
					div {
						margin-bottom: 25px;
					}
				}
				.usernamebox_r {
					div {
						margin-bottom: 25px;
						line-height: 50px;
						position: relative;
						input {
							width: 360px;
							height: 50px;
							background-color: #ffffff;
							border: solid 1px #eeeeee;
							padding-left: 26px;
						}
						.tips {
							width:240px;
							font-size: 16px;
							color: #999;
							position: absolute;
							left: 370px;
							top: 5px;
						}
						.sendcode {
							font-size: 18px;
							color: $green;
							position: absolute;
							right: 20px;
							top: 5px;
						}
					}
					.code {
						width:360px;
						.change {
							color: $green;
						}
					}
					.buts {
						.next {
							width: 360px;
							height: 50px;
							font-size: 18px;
							background-color: $green;
							color: #fff;
							border-radius: 0;
						}
					}
				}
			}
			img {
				width: 90px;
				height: 90px;
			}
			.text1 {
				font-size: 28px;
				color: #333;
				margin-top: 40px;
				margin-bottom: 20px;
			}
			.text2 {
				font-size: 20px;
				color: #999;
				margin-bottom: 69px;
			}
			.buts {
				div {
					width: 200px;
					height: 50px;
					border-radius: 4px;
					font-size: 18px;
				}
				.stepbut {
					background-color: $green;
					color: #f7f7f7;
				}
			}
		}
	}
}